<!doctype html>
<html ng-app>
<head>
    <script src="test/angular.js"></script>
    <script>
        function Cntl2($scope) {
            var exprs = $scope.exprs = [];
            $scope.expr = '3*10|currency';
            $scope.addExp = function (expr) {
                exprs.push(expr);
            };
            $scope.removeExp = function (index) {
                exprs.splice(index, 1);
            };
        }
    </script>
</head>
<body>
<div ng-controller="Cntl2" class="expressions">
    Expression:
    <input type='text' ng-model="expr" size="80"/>
    <button ng-click="addExp(expr)">Evaluate</button>
    <ul>
        <li ng-repeat="expr in exprs">
            [ <a href="" ng-click="removeExp($index)">X</a> ]
            <tt>{{expr}}</tt> => <span ng-bind="$parent.$eval(expr)"></span>
        </li>
    </ul>
    {{123.7890 | number:2}}
</div>
</body>
</html>